<template>
  <div>
    <el-carousel height="595px">
      <el-carousel-item v-for="item in 2" :key="item">
        <div class="img-box">
          <img class="img-pic" src="@/assets/image/gateway/home/indexbanner.jpg" alt="">
        </div>
      </el-carousel-item>
    </el-carousel>

    <div class="footer-box">
      Copyright ©1993-2024 黑龙江省高级技工学校版权所有 备案号：正在申请中
    </div>
  </div>
</template>

<script>
  export default {
    components: {},
    computed: {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .img-box {
    width: 100%;

    .img-pic {
      width: 100%;
      height: 595px;
    }
  }

  .footer-box {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    width: 100%;
    text-align: center;
    margin: 32px 0;
  }

  ::v-deep .el-carousel__indicators {
    bottom: 20px !important;

    .el-carousel__button {
      width: 13px;
      height: 13px;
      background: #FFFFFF;
      border-radius: 6px;
      opacity: 1;

    }

    .is-active {
      .el-carousel__button {
        background: #FF8533;
      }

    }
  }
</style>
